<!doctype html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>人事管理系统登录</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/xadmin.css">
</head>

<body class="login-bg">

    <div class="login layui-anim layui-anim-up">
        <div class="message">人事管理系统登录</div>
        <div id="darkbannerwrap"></div>

        <form method="post" class="layui-form">
            <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20">
        </form>
    </div>
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

    <script>
        layui.use(['layer', 'form'], function() {
            var layer = layui.layer,
                form = layui.form;

            axios.
            post("URL", {
                    'data': '数据'
                })
                .then(res => {

                });

            form.on('submit(login)', function(data) {
                //当前容器的全部表单字段，名值对形式：{name: value}
                axios.post('http://localhost:5267/users/login', data.field).then(
                    res => {
                        console.log(res);
                        if (res.data.code == 200) {
                            //将token信息
                            $.cookie("token", res.data.data.userinfo.remark, {
                                path: "/"
                            })
                            $.cookie("userinfo", JSON.stringify(res.data.data.userinfo), {
                                path: "/"
                            })
                            window.location.href = "./page/index.html"
                        } else {
                            layer.msg(res.data.data.info, {
                                time: 3000,
                                icon: 2
                            })
                        }
                    }
                );

                return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
            });
        });
    </script>


</html>